<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../框架相关的js/jquery-3.6.0.min.js"></script>
</head>

<body>
    <input type="radio">
    <button onclick="fn()">跳转1</button>
      <div class="box"></div>

    <script>

          
        //  localStorage.setItem('ma','马英鹏')
         document.querySelector('.box').innerHTML=localStorage.getItem('ma')
 
        $.ajax({
            url: "../用json文件模拟请求接口/data.json", success: function (res) {
                console.log(res, '接口数据');
            }
        });
         
        window.addEventListener('pageshow', function (e) {
            if (e.persisted) {
                window.location.reload()
                console.log('走啦吗');
            }
        })
        function fn() {
            //  window.open('./页面跳转2.html','_self')
            window.location.href = './页面跳转2.html'
        }
    </script>
</body>

</html>